<!--============== 公共头部信息 ===================-->
<include file="./Tpl/Admin/Public/header.html" />
<!--============== 自定义cs ===================-->
<!-- //该处写自定义的css -->

<!--============== 顶部菜单信息 ===================-->
<include file="./Tpl/Admin/Public/top.html" />
<!--============== 左部菜单信息 ===================-->
<include file="./Tpl/Admin/Public/left.html" />

<!--============== 正文开始 ===================-->
<div class="main-content">
    <div class="breadcrumbs" id="breadcrumbs">
        <script type="text/javascript">
            try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
        </script>

        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
                <a href="#">学校信息</a>
            </li>

            <li>
                <a href="{:U('Admin/Teacher/index')}">教师管理</a>
            </li>
            <li class="active">教师信息列表</li>
        </ul><!-- .breadcrumb -->

        <div class="nav-search" id="nav-search">
            <form class="form-search">
                <span class="input-icon">
                    <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
                    <i class="icon-search nav-search-icon"></i>
                </span>
            </form>
        </div><!-- #nav-search -->
    </div>

    <div class="page-content">
        <div class="page-header">
            <h1>
                详情
                <small>
                    <i class="icon-double-angle-right"></i>
                    个人资料
                </small>
            </h1>
        </div><!-- /.page-header -->

        <div class="row">
            <div class="col-xs-12">
                <!-- PAGE CONTENT BEGINS -->
                <div class="page-content">
                    <div class="row">
                        <div class="col-xs-12">
                            <!-- PAGE CONTENT BEGINS -->
                            <div >
                                <div id="user-profile-2" class="user-profile">
                                    <div class="tabbable">
                                        <ul class="nav nav-tabs padding-18">
                                            <li class="active">
                                                <a data-toggle="tab" href="#home">
                                                    <i class="green icon-user bigger-120"></i>
                                                    个人信息
                                                </a>
                                            </li>

                                            <li>
                                                <a data-toggle="tab" href="#feed">
                                                    <i class="orange icon-rss bigger-120"></i>
                                                    工作动态
                                                </a>
                                            </li>

                                            <li>
                                                <a data-toggle="tab" href="#friends">
                                                    <i class="blue icon-group bigger-120"></i>
                                                    工作业绩
                                                </a>
                                            </li>

                                            <li>
                                                <a data-toggle="tab" href="#pictures">
                                                    <i class="pink icon-picture bigger-120"></i>
                                                    工作趣图
                                                </a>
                                            </li>
                                        </ul>

                                        <div class="tab-content no-border padding-24">
                                            <div id="home" class="tab-pane in active">
                                                <div class="row">
                                                    <div class="col-xs-12 col-sm-3 center">
                                                        <span class="profile-picture">
                                                            <img class="editable img-responsive" alt="Alex's Avatar" id="avatar2" src="__PUBLIC_IMAGES__/avatars/profile-pic.jpg" />
                                                        </span>

                                                        <div class="space space-4"></div>

                                                        <a href="#" class="btn btn-sm btn-block btn-success">
                                                            <i class="icon-plus-sign bigger-120"></i>
                                                            <span class="bigger-110">修改信息</span>
                                                        </a>

                                                        <a href="#" class="btn btn-sm btn-block btn-primary">
                                                            <i class="icon-envelope-alt bigger-110"></i>
                                                            <span class="bigger-110">发送消息</span>
                                                        </a>
                                                    </div><!-- /span -->

                                                    <div class="col-xs-12 col-sm-9">
                                                        <h4 class="blue">
                                                            <span class="middle">{$list.tea_name}</span>

                                                            <span class="label label-purple arrowed-in-right">
                                                                <i class="icon-circle smaller-80 align-middle"></i>
                                                                &nbsp;在职
                                                            </span>
                                                        </h4>

                                                        <div class="profile-user-info">
                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> 职工号 </div>

                                                                <div class="profile-info-value">
                                                                    <span>{$list.tea_number}</span>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> 籍贯 </div>

                                                                <div class="profile-info-value">
                                                                    <i class="icon-map-marker light-orange bigger-110"></i>
                                                                    <span>{$list.tea_native_place}</span>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> 工作年限 </div>

                                                                <div class="profile-info-value">
                                                                    <span>{$list.tea_working_timed}</span>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> 入职时间 </div>

                                                                <div class="profile-info-value">
                                                                    <span>{$list.tea_join_time|date="Y-m-d",###}</span>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> 联系手机 </div>

                                                                <div class="profile-info-value">
                                                                    <span>{$list.tea_mobile}</span>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> 工作电话 </div>

                                                                <div class="profile-info-value">
                                                                    <span>010-88888888-1234{$list.tea_phone}</span>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> 电子邮箱 </div>

                                                                <div class="profile-info-value">
                                                                    <span>{$list.tea_mail}</span>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> 微信号码 </div>

                                                                <div class="profile-info-value">
                                                                    <span>{$list.tea_weixin}</span>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> Last Online </div>

                                                                <div class="profile-info-value">
                                                                    <span>XXXXX</span>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="hr hr-8 dotted"></div>

                                                        <div class="profile-user-info">
                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name"> Website </div>

                                                                <div class="profile-info-value">
                                                                    <a href="#" target="_blank">www.alexdoe.com</a>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name">
                                                                    <i class="middle icon-facebook-sign bigger-150 blue"></i>
                                                                </div>

                                                                <div class="profile-info-value">
                                                                    <a href="#">Find me on Facebook</a>
                                                                </div>
                                                            </div>

                                                            <div class="profile-info-row">
                                                                <div class="profile-info-name">
                                                                    <i class="middle icon-twitter-sign bigger-150 light-blue"></i>
                                                                </div>

                                                                <div class="profile-info-value">
                                                                    <a href="#">Follow me on Twitter</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div><!-- /span -->
                                                </div><!-- /row-fluid -->

                                                <div class="space-20"></div>

                                                <div class="row">
                                                    <div class="col-xs-12 col-sm-6">
                                                        <div class="widget-box transparent">
                                                            <div class="widget-header widget-header-small">
                                                                <h4 class="smaller">
                                                                    <i class="icon-check bigger-110"></i>
                                                                    个人简介
                                                                </h4>
                                                            </div>

                                                            <div class="widget-body">
                                                                <div class="widget-main">
                                                                    <p>
                                                                        {$list.tea_introduction}
                                                                        My job is mostly lorem ipsuming and dolor sit ameting as long as consectetur adipiscing elit.
                                                                    </p>
                                                                    <p>
                                                                        Sometimes quisque commodo massa gets in the way and sed ipsum porttitor facilisis.
                                                                    </p>
                                                                    <p>
                                                                        The best thing about my job is that vestibulum id ligula porta felis euismod and nullam quis risus eget urna mollis ornare.
                                                                    </p>
                                                                    <p>
                                                                        Thanks for visiting my profile.
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-xs-12 col-sm-6">
                                                        <div class="widget-box transparent">
                                                            <div class="widget-header widget-header-small header-color-blue2">
                                                                <h4 class="smaller">
                                                                    <i class="icon-lightbulb bigger-120"></i>
                                                                    荣誉证书
                                                                </h4>
                                                            </div>

                                                            <div class="widget-body">
                                                                <div class="widget-main padding-16">
                                                                    <div class="clearfix">
                                                                        <div class="grid3 center">
                                                                            <div class="easy-pie-chart percentage" data-percent="45" data-color="#CA5952">
                                                                                <span class="percent">45</span>%
                                                                            </div>

                                                                            <div class="space-2"></div>
                                                                            {$list.tea_certificate}

                                                                        </div>

                                                                        <div class="grid3 center">
                                                                            <div class="center easy-pie-chart percentage" data-percent="90" data-color="#59A84B">
                                                                                <span class="percent">90</span>%
                                                                            </div>

                                                                            <div class="space-2"></div>
                                                                            HTML5 & CSS3
                                                                        </div>

                                                                        <div class="grid3 center">
                                                                            <div class="center easy-pie-chart percentage" data-percent="80" data-color="#9585BF">
                                                                                <span class="percent">80</span>%
                                                                            </div>

                                                                            <div class="space-2"></div>
                                                                            Javascript/jQuery
                                                                        </div>
                                                                    </div>

                                                                    <div class="hr hr-16"></div>

                                                                    <div class="profile-skills">
                                                                        <div class="progress">
                                                                            <div class="progress-bar" style="width:80%">
                                                                                <span class="pull-left">HTML5 & CSS3</span>
                                                                                <span class="pull-right">80%</span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="progress">
                                                                            <div class="progress-bar progress-bar-success" style="width:72%">
                                                                                <span class="pull-left">Javascript & jQuery</span>

                                                                                <span class="pull-right">72%</span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="progress">
                                                                            <div class="progress-bar progress-bar-purple" style="width:70%">
                                                                                <span class="pull-left">PHP & MySQL</span>

                                                                                <span class="pull-right">70%</span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="progress">
                                                                            <div class="progress-bar progress-bar-warning" style="width:50%">
                                                                                <span class="pull-left">Wordpress</span>

                                                                                <span class="pull-right">50%</span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="progress">
                                                                            <div class="progress-bar progress-bar-danger" style="width:35%">
                                                                                <span class="pull-left">Photoshop</span>

                                                                                <span class="pull-right">35%</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- #home -->

                                            <div id="feed" class="tab-pane">
                                                <div class="profile-feed row-fluid">
                                                    <div class="span6">
                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <img class="pull-left" alt="Alex Doe's avatar" src="assets/avatars/avatar5.png" />
                                                                <a class="user" href="#"> Alex Doe </a>
                                                                changed his profile photo.
                                                                <a href="#">Take a look</a>

                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    an hour ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <img class="pull-left" alt="Susan Smith's avatar" src="assets/avatars/avatar1.png" />
                                                                <a class="user" href="#"> Susan Smith </a>

                                                                is now friends with Alex Doe.
                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    2 hours ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <i class="pull-left thumbicon icon-ok btn-success no-hover"></i>
                                                                <a class="user" href="#"> Alex Doe </a>
                                                                joined
                                                                <a href="#">Country Music</a>

                                                                group.
                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    5 hours ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <i class="pull-left thumbicon icon-picture btn-info no-hover"></i>
                                                                <a class="user" href="#"> Alex Doe </a>
                                                                uploaded a new photo.
                                                                <a href="#">Take a look</a>

                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    5 hours ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <img class="pull-left" alt="David Palms's avatar" src="assets/avatars/avatar4.png" />
                                                                <a class="user" href="#"> David Palms </a>

                                                                left a comment on Alex's wall.
                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    8 hours ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div><!-- /span -->

                                                    <div class="span6">
                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <i class="pull-left thumbicon icon-edit btn-pink no-hover"></i>
                                                                <a class="user" href="#"> Alex Doe </a>
                                                                published a new blog post.
                                                                <a href="#">Read now</a>

                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    11 hours ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <img class="pull-left" alt="Alex Doe's avatar" src="assets/avatars/avatar5.png" />
                                                                <a class="user" href="#"> Alex Doe </a>

                                                                upgraded his skills.
                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    12 hours ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <i class="pull-left thumbicon icon-key btn-info no-hover"></i>
                                                                <a class="user" href="#"> Alex Doe </a>

                                                                logged in.
                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    12 hours ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <i class="pull-left thumbicon icon-off btn-inverse no-hover"></i>
                                                                <a class="user" href="#"> Alex Doe </a>

                                                                logged out.
                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    16 hours ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <div class="profile-activity clearfix">
                                                            <div>
                                                                <i class="pull-left thumbicon icon-key btn-info no-hover"></i>
                                                                <a class="user" href="#"> Alex Doe </a>

                                                                logged in.
                                                                <div class="time">
                                                                    <i class="icon-time bigger-110"></i>
                                                                    16 hours ago
                                                                </div>
                                                            </div>

                                                            <div class="tools action-buttons">
                                                                <a href="#" class="blue">
                                                                    <i class="icon-pencil bigger-125"></i>
                                                                </a>

                                                                <a href="#" class="red">
                                                                    <i class="icon-remove bigger-125"></i>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div><!-- /span -->
                                                </div><!-- /row -->

                                                <div class="space-12"></div>

                                                <div class="center">
                                                    <a href="#" class="btn btn-small btn-primary">
                                                        <i class="icon-rss bigger-150 middle"></i>

                                                        View more activities
                                                        <i class="icon-on-right icon-arrow-right"></i>
                                                    </a>
                                                </div>
                                            </div><!-- /#feed -->

                                            <div id="friends" class="tab-pane">
                                                <div class="profile-users clearfix">
                                                    <div class="itemdiv memberdiv">
                                                        <div class="inline position-relative">
                                                            <div class="user">
                                                                <a href="#">
                                                                    <img src="assets/avatars/avatar4.png" alt="Bob Doe's avatar" />
                                                                </a>
                                                            </div>

                                                            <div class="body">
                                                                <div class="name">
                                                                    <a href="#">
                                                                        <span class="user-status status-online"></span>
                                                                        Bob Doe
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="popover">
                                                                <div class="arrow"></div>

                                                                <div class="popover-content">
                                                                    <div class="bolder">Content Editor</div>

                                                                    <div class="time">
                                                                        <i class="icon-time middle bigger-120 orange"></i>
                                                                        <span class="green"> 20 mins ago </span>
                                                                    </div>

                                                                    <div class="hr dotted hr-8"></div>

                                                                    <div class="tools action-buttons">
                                                                        <a href="#">
                                                                            <i class="icon-facebook-sign blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-google-plus-sign red bigger-150"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="itemdiv memberdiv">
                                                        <div class="inline position-relative">
                                                            <div class="user">
                                                                <a href="#">
                                                                    <img src="assets/avatars/avatar1.png" alt="Rose Doe's avatar" />
                                                                </a>
                                                            </div>

                                                            <div class="body">
                                                                <div class="name">
                                                                    <a href="#">
                                                                        <span class="user-status status-offline"></span>
                                                                        Rose Doe
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="popover">
                                                                <div class="arrow"></div>

                                                                <div class="popover-content">
                                                                    <div class="bolder">Graphic Designer</div>

                                                                    <div class="time">
                                                                        <i class="icon-time middle bigger-120 grey"></i>
                                                                        <span class="grey"> 30 min ago </span>
                                                                    </div>

                                                                    <div class="hr dotted hr-8"></div>

                                                                    <div class="tools action-buttons">
                                                                        <a href="#">
                                                                            <i class="icon-facebook-sign blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-google-plus-sign red bigger-150"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="itemdiv memberdiv">
                                                        <div class="inline position-relative">
                                                            <div class="user">
                                                                <a href="#">
                                                                    <img src="assets/avatars/avatar.png" alt="Jim Doe's avatar" />
                                                                </a>
                                                            </div>

                                                            <div class="body">
                                                                <div class="name">
                                                                    <a href="#">
                                                                        <span class="user-status status-busy"></span>
                                                                        Jim Doe
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="popover">
                                                                <div class="arrow"></div>

                                                                <div class="popover-content">
                                                                    <div class="bolder">SEO &amp; Advertising</div>

                                                                    <div class="time">
                                                                        <i class="icon-time middle bigger-120 red"></i>
                                                                        <span class="grey"> 1 hour ago </span>
                                                                    </div>

                                                                    <div class="hr dotted hr-8"></div>

                                                                    <div class="tools action-buttons">
                                                                        <a href="#">
                                                                            <i class="icon-facebook-sign blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-google-plus-sign red bigger-150"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="itemdiv memberdiv">
                                                        <div class="inline position-relative">
                                                            <div class="user">
                                                                <a href="#">
                                                                    <img src="assets/avatars/avatar5.png" alt="Alex Doe's avatar" />
                                                                </a>
                                                            </div>

                                                            <div class="body">
                                                                <div class="name">
                                                                    <a href="#">
                                                                        <span class="user-status status-idle"></span>
                                                                        Alex Doe
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="popover">
                                                                <div class="arrow"></div>

                                                                <div class="popover-content">
                                                                    <div class="bolder">Marketing</div>

                                                                    <div class="time">
                                                                        <i class="icon-time middle bigger-120 orange"></i>
                                                                        <span class=""> 40 minutes idle </span>
                                                                    </div>

                                                                    <div class="hr dotted hr-8"></div>

                                                                    <div class="tools action-buttons">
                                                                        <a href="#">
                                                                            <i class="icon-facebook-sign blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-google-plus-sign red bigger-150"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="itemdiv memberdiv">
                                                        <div class="inline position-relative">
                                                            <div class="user">
                                                                <a href="#">
                                                                    <img src="assets/avatars/avatar2.png" alt="Phil Doe's avatar" />
                                                                </a>
                                                            </div>

                                                            <div class="body">
                                                                <div class="name">
                                                                    <a href="#">
                                                                        <span class="user-status status-online"></span>
                                                                        Phil Doe
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="popover">
                                                                <div class="arrow"></div>

                                                                <div class="popover-content">
                                                                    <div class="bolder">Public Relations</div>

                                                                    <div class="time">
                                                                        <i class="icon-time middle bigger-120 orange"></i>
                                                                        <span class="green"> 2 hours ago </span>
                                                                    </div>

                                                                    <div class="hr dotted hr-8"></div>

                                                                    <div class="tools action-buttons">
                                                                        <a href="#">
                                                                            <i class="icon-facebook-sign blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-google-plus-sign red bigger-150"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="itemdiv memberdiv">
                                                        <div class="inline position-relative">
                                                            <div class="user">
                                                                <a href="#">
                                                                    <img src="assets/avatars/avatar3.png" alt="Susan Doe's avatar" />
                                                                </a>
                                                            </div>

                                                            <div class="body">
                                                                <div class="name">
                                                                    <a href="#">
                                                                        <span class="user-status status-online"></span>
                                                                        Susan Doe
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="popover">
                                                                <div class="arrow"></div>

                                                                <div class="popover-content">
                                                                    <div class="bolder">HR Management</div>

                                                                    <div class="time">
                                                                        <i class="icon-time middle bigger-120 orange"></i>
                                                                        <span class="green"> 20 mins ago </span>
                                                                    </div>

                                                                    <div class="hr dotted hr-8"></div>

                                                                    <div class="tools action-buttons">
                                                                        <a href="#">
                                                                            <i class="icon-facebook-sign blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-google-plus-sign red bigger-150"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="itemdiv memberdiv">
                                                        <div class="inline position-relative">
                                                            <div class="user">
                                                                <a href="#">
                                                                    <img src="assets/avatars/avatar1.png" alt="Jennifer Doe's avatar" />
                                                                </a>
                                                            </div>

                                                            <div class="body">
                                                                <div class="name">
                                                                    <a href="#">
                                                                        <span class="user-status status-offline"></span>
                                                                        Jennifer Doe
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="popover">
                                                                <div class="arrow"></div>

                                                                <div class="popover-content">
                                                                    <div class="bolder">Graphic Designer</div>

                                                                    <div class="time">
                                                                        <i class="icon-time middle bigger-120 grey"></i>
                                                                        <span class="grey"> 2 hours ago </span>
                                                                    </div>

                                                                    <div class="hr dotted hr-8"></div>

                                                                    <div class="tools action-buttons">
                                                                        <a href="#">
                                                                            <i class="icon-facebook-sign blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-google-plus-sign red bigger-150"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="itemdiv memberdiv">
                                                        <div class="inline position-relative">
                                                            <div class="user">
                                                                <a href="#">
                                                                    <img src="assets/avatars/avatar3.png" alt="Alexa Doe's avatar" />
                                                                </a>
                                                            </div>

                                                            <div class="body">
                                                                <div class="name">
                                                                    <a href="#">
                                                                        <span class="user-status status-offline"></span>
                                                                        Alexa Doe
                                                                    </a>
                                                                </div>
                                                            </div>

                                                            <div class="popover">
                                                                <div class="arrow"></div>

                                                                <div class="popover-content">
                                                                    <div class="bolder">Accounting</div>

                                                                    <div class="time">
                                                                        <i class="icon-time middle bigger-120 grey"></i>
                                                                        <span class="grey"> 4 hours ago </span>
                                                                    </div>

                                                                    <div class="hr dotted hr-8"></div>

                                                                    <div class="tools action-buttons">
                                                                        <a href="#">
                                                                            <i class="icon-facebook-sign blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                                        </a>

                                                                        <a href="#">
                                                                            <i class="icon-google-plus-sign red bigger-150"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="hr hr10 hr-double"></div>

                                                <ul class="pager pull-right">
                                                    <li class="previous disabled">
                                                        <a href="#">&larr; Prev</a>
                                                    </li>

                                                    <li class="next">
                                                        <a href="#">Next &rarr;</a>
                                                    </li>
                                                </ul>
                                            </div><!-- /#friends -->

                                            <div id="pictures" class="tab-pane">
                                                <ul class="ace-thumbnails">
                                                    <li>
                                                        <a href="#" data-rel="colorbox">
                                                            <img alt="150x150" src="assets/images/gallery/thumb-1.jpg" />
                                                            <div class="text">
                                                                <div class="inner">Sample Caption on Hover</div>
                                                            </div>
                                                        </a>

                                                        <div class="tools tools-bottom">
                                                            <a href="#">
                                                                <i class="icon-link"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-paper-clip"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-pencil"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-remove red"></i>
                                                            </a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <a href="#" data-rel="colorbox">
                                                            <img alt="150x150" src="assets/images/gallery/thumb-2.jpg" />
                                                            <div class="text">
                                                                <div class="inner">Sample Caption on Hover</div>
                                                            </div>
                                                        </a>

                                                        <div class="tools tools-bottom">
                                                            <a href="#">
                                                                <i class="icon-link"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-paper-clip"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-pencil"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-remove red"></i>
                                                            </a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <a href="#" data-rel="colorbox">
                                                            <img alt="150x150" src="assets/images/gallery/thumb-3.jpg" />
                                                            <div class="text">
                                                                <div class="inner">Sample Caption on Hover</div>
                                                            </div>
                                                        </a>

                                                        <div class="tools tools-bottom">
                                                            <a href="#">
                                                                <i class="icon-link"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-paper-clip"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-pencil"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-remove red"></i>
                                                            </a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <a href="#" data-rel="colorbox">
                                                            <img alt="150x150" src="assets/images/gallery/thumb-4.jpg" />
                                                            <div class="text">
                                                                <div class="inner">Sample Caption on Hover</div>
                                                            </div>
                                                        </a>

                                                        <div class="tools tools-bottom">
                                                            <a href="#">
                                                                <i class="icon-link"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-paper-clip"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-pencil"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-remove red"></i>
                                                            </a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <a href="#" data-rel="colorbox">
                                                            <img alt="150x150" src="assets/images/gallery/thumb-5.jpg" />
                                                            <div class="text">
                                                                <div class="inner">Sample Caption on Hover</div>
                                                            </div>
                                                        </a>

                                                        <div class="tools tools-bottom">
                                                            <a href="#">
                                                                <i class="icon-link"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-paper-clip"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-pencil"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-remove red"></i>
                                                            </a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <a href="#" data-rel="colorbox">
                                                            <img alt="150x150" src="assets/images/gallery/thumb-6.jpg" />
                                                            <div class="text">
                                                                <div class="inner">Sample Caption on Hover</div>
                                                            </div>
                                                        </a>

                                                        <div class="tools tools-bottom">
                                                            <a href="#">
                                                                <i class="icon-link"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-paper-clip"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-pencil"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-remove red"></i>
                                                            </a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <a href="#" data-rel="colorbox">
                                                            <img alt="150x150" src="assets/images/gallery/thumb-1.jpg" />
                                                            <div class="text">
                                                                <div class="inner">Sample Caption on Hover</div>
                                                            </div>
                                                        </a>

                                                        <div class="tools tools-bottom">
                                                            <a href="#">
                                                                <i class="icon-link"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-paper-clip"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-pencil"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-remove red"></i>
                                                            </a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <a href="#" data-rel="colorbox">
                                                            <img alt="150x150" src="assets/images/gallery/thumb-2.jpg" />
                                                            <div class="text">
                                                                <div class="inner">Sample Caption on Hover</div>
                                                            </div>
                                                        </a>

                                                        <div class="tools tools-bottom">
                                                            <a href="#">
                                                                <i class="icon-link"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-paper-clip"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-pencil"></i>
                                                            </a>

                                                            <a href="#">
                                                                <i class="icon-remove red"></i>
                                                            </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div><!-- /#pictures -->
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- PAGE CONTENT ENDS -->
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.page-content -->

            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.page-content -->
</div><!-- /.main-content -->

<!--============== 正文结束 ===================-->

<!--============== 设置按钮 ===================-->
<include file="./Tpl/Admin/Public/setbutton.html" />

<!--============== 公共JS信息 ===================-->
<!-- basic scripts -->
<include file="./Tpl/Admin/Public/js.html" />

<!--============== 自定义js ===================-->
<script>
//该处写自定义的js
</script>

<!--============== 底部尾信息 ===================-->
<include file="./Tpl/Admin/Public/foot.html" />
